<div class="c-sw-edit w-summary-widget s-status-no-data">
    <a id="widget" class="t-summary-widget l-summary-widget s-summary-widget labeled c-sw">
        <div id="widgetIcon" class="c-sw__icon js-sw__icon"></div>
        <div id="widgetLabel" class="label widget-label c-sw__label js-sw__label">Default Static Name</div>
    </a>
    <div class="js-summary-widget__message c-summary-widget__message c-message c-message--simple message-severity-alert">
        <div class="c-summary-widget__text">
            You must add at least one telemetry object to edit this widget.
        </div>
    </div>
    <div class="c-sw-edit__ui holder l-flex-accordion flex-elem grows widget-edit-holder expanded-widget-test-data expanded-widget-rules">
        <div class="c-sw-edit__ui__header">
            <span class="c-disclosure-triangle c-disclosure-triangle--expanded is-enabled t-view-control-test-data"></span>
            <span class="c-sw-edit__ui__header-label">Test Data Values</span>
        </div>
        <div class="c-sw-edit__ui__test-data widget-test-data flex-accordion-holder"></div>
        <div class="c-sw-edit__ui__header">
            <span class="c-disclosure-triangle c-disclosure-triangle--expanded is-enabled t-view-control-rules"></span>
            <span class="c-sw-edit__ui__header-label">Rules</span>
        </div>
        <div class="c-sw-editui__rules-wrapper holder widget-rules-wrapper flex-elem expanded">
            <div id="ruleArea" class="c-sw-editui__rules widget-rules"></div>
            <div class="holder add-rule-button-wrapper align-right">
                <button id="addRule" class="c-button c-button--major add-rule-button icon-plus">
                    <span class="c-button__label">Add Rule</span>
                </button>
            </div>
        </div>
    </div>
</div>